<template>
  <div>
    <el-header>
      <div class="top">
        <!-- <el-container class="top_block">
          <img
      style=" height: 100px"
      src="../assets/4d501.png"/>
        </el-container> -->

        <el-menu
        default-active="1"
        class="el-menu-demo"
        mode="horizontal"
        background-color="#ffffff"
        text-color="#383B3E"
        active-text-color="#35A6FC"
      >
        <el-menu-item index="1">首页</el-menu-item>
        <el-menu-item index="2">博客</el-menu-item>
        
        
        <el-menu-item index="3"
          >发布文章</el-menu-item
        >
      </el-menu>
      <div style="display:flex">
        <div class="login">登录</div>
      <div class="login">注册</div>
      </div>
      
      </div>
      
    </el-header>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {},
  methods: {},
};
</script>

<style lang="less">
.top{
  display: flex;
  height: 100%;
  justify-content: space-around;
  align-items: center;
  .top_block{
    height: 100%;
  }
  .login{
    color: #35A6FC;
    margin-left:50px ;
    cursor: pointer;
  }
}
.el-header{
  padding: 0;
  border-bottom:1px solid #35A6FC ;
}
</style>